body {
  visibility: hidden;
}

.content-wrapper img {
  width: 100%!important;
  height: auto!important;
}

.content-wrapper {
  background-color: #fff;
  padding-top: .2rem;
  padding-bottom: .2rem;
}

.comment-border {
  border: 1px solid #ddd;
  width: 5.9rem;
  margin-top: .5rem
}

.do-comment {
  color: #f70;
  font-size: 16px;
}

.fs-8 {
  font-size: .8rem;
}

.cor-title,
.cor-content,
.message-content {
  font-size: .7rem;
}

.cor-title,
#commentsCount {
  color: #bebebe;
}

.message-date,
.user-info,
.js-reply {
  font-size: .8rem;
}

.message-content {
  color: #000;
  margin-top: .2rem;
  word-break: break-all;
  line-height: 1.5rem;
}

.card-content-inner {
  padding-bottom: .2rem;
  padding-top: .3rem;
}

.content-padded {
  margin-bottom: 0;
  padding: .3rem;
}

.content-tip {
  margin: 1rem 0 -.2rem .5rem;
}

.user-info,
.message-date {
  color: #b7b8b7;
}

.js-reply {
  color: #0894ec;
}

.comment {
  border: 1px solid #ccc;
  width: 100%;
  height: 4rem;
  border-radius: .1rem;
  font-size: .7rem;
}

.comment:focus {
  border: 1px solid #FF9900;
}

.js-clear {
  background-color: #f60!important;
}

.comment-send {
  margin: 0 0.5rem;
}

.comment-color {
  color: #0894ec;
}

.comment-btn {
  margin-top: .1rem;
}

.person {
  float: left;
  margin-right: .3rem;
  font-size: .8rem;
  color: #0a8ddf;
}

.js-reply {
  margin-left: .5rem;
}

.card-content:active {
  background-color: #eee;
}

.no-comment {
  height: 2rem;
  font-size: .7rem;
  padding-top: .2rem;
}

hr {
  margin-top: .1rem;
}

.cor-title .col-33:first-of-type {
  margin-left: 4%;
  width: 32%;
}

.cor-title .col-33 {
  margin-left: 4%;
  width: 24%;
}

.user-info {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 6rem;
}

@media (max-width:320px) {
  .user-info {
    width: 3rem;
  }
}
